/*
Forces backgrounds to span full width,
even if there is horizontal scrolling.
Increase this if your layout is wider.

Note: IE6 works fine without this fix.
*/

body { 
		min-width: 960px; 
} 

/* =Containers The w is shortname of wrapper 
--------------------------------------------------------------------------------*/
.w-33{
	margin-left: auto;
	margin-right: auto;
	width: 990px;
	zoom:1;
}
.w-33:after{
    content:'\20';
    clear:both;
    display:block;
}

/* =Grid 
--------------------------------------------------------------------------------*/ 
.g-6, 
.g-11,
.g-14,
.g-15,
.g-16,
.g-17,
.g-24,
.g-31 {
        display: inline;
        float: left;
        margin-left: 5px;
        margin-right: 5px;
} 
.w-33 .g-6 {width: 170px;}
.w-33 .g-11 {width: 320px;}
.w-33 .g-14 {width: 410px;}
.w-33 .g-15 {width: 440px;}
.w-33 .g-16 {width: 470px;}
.w-33 .g-17 {width: 500px;} 
.w-33 .g-24 {width: 710px;} 
.w-33 .g-31 {width: 920px;}

/* Prefix Extra Space >> 33 Columns
----------------------------------------------------------------------------------------------------*/ 
.w-33 .prefix-1 {
	padding-left:30px;
}

.w-33 .prefix-2 {
	padding-left:60px;
}

.w-33 .prefix-8 {
	padding-left:240px;
}

/* Suffix Extra Space >> 33 Columns
----------------------------------------------------------------------------------------------------*/
.w-33 .suffix-1 {
	padding-right:30px;
}

/* ie6 png fix */
img{
	behavior: url(../scripts/lib/iepngfix.htc); 
} 